<template>
    <div>
        <back></back>    
        <vue-qr :logoSrc="logoSrc" :logoScale="0.4" :logoCornerRadius="50" :text="dataUrl" margin="30" :size="qrWidth" class="qr">
        </vue-qr>
    </div>
</template>

<style>
.qr>img {
    display: block;
    margin: 2rem auto
}
</style>

<script>
import VueQr from 'vue-qr'
import back from "@/components/common/back"

export default {
    components: { VueQr, back },

    data() {
        return {
            logoSrc: require("@/assets/logo.png"),
            dataUrl: "https://test.binhetouzi.com/page/register.html?recommandPerson=" + localStorage.plainpassword,
            qrWidth: (innerWidth * 0.6)
        }
    }
}
</script>
